<template>
  <div id="app">
    <skimmer-ellipsis class="ell" @getLong="getLong" :line-clamp="3">
      <span>
        <span>{{ content }}</span>
      </span>
    </skimmer-ellipsis>
  </div>
</template>

<script>
import Vue from "vue";
import skimmerEllipsis from "../component";
Vue.use(skimmerEllipsis);
export default {
  name: "App",
  data() {
    return {
      content:
        "颠三倒四多所大多数多所多所颠三倒四多颠三倒四颠三倒四颠三倒四颠三倒四多是多少的是颠三倒四多所大多数多所多所颠三倒四多颠三倒四颠三倒四颠三倒四颠三倒四多是多少的是"
    };
  },
  methods: {
    getLong(long) {
      console.log(long);
    }
  }
};
</script>

<style>
.ell {
  border: 2px solid red;
  line-height: 36px;
  padding: 10px;
  word-break: break-all;
}
</style>
